$(function () {
    let form = layui.form

    form.verify({
        //1.添加自定义表单验证规则
        nickname: function (val) {
            if (val.trim().length > 6) {
                return '用户昵称必须是1-6个字符'
            }
        }
    })
    //2.调用方法
    getUserInfo()

    function getUserInfo() {
        $.ajax({
            method: 'get',
            url: '/my/userinfo',
            success: res => {
                console.log(res)
                //如果请求失败,提示错误
                if (res.status !== 0) return layui.layer.msg(res.message)
                //如果成功,则将返回的数据填充给表单元素
                layui.form.val('userInfo', res.data)
            }
        })
    }
    //3.重置按钮
    // $('#btnReset').on('click', function () {
    //     getUserInfo()
    // })
    $('#btnReset').on('click', getUserInfo)
    //4.为表单注册提交事件
    $('.layui-form').on('submit', function (e) {
        //4.1阻止表单默认提交
        e.preventDefault()
        //4.2获取表单数据
        let dataObj = $(this).serialize()

        $.ajax({
            method: 'post',
            url: '/my/userinfo',
            data: dataObj,
            success: res => {
                //如果请求失败,提示错误
                if (res.status !== 0) return layui.layer.msg(res.message)
                //请求成功,调用父页面的getUserInfo重新请求并渲染头像区域
                window.parent.getUserInfo()
                //提示修改成功
                layui.layer.msg(res.message)
            }
        })
    })
})